$(function () {
    //返回
    $("#pull").click(function () {
        if (parseInt($("#side-menu").css("right")) <= -165) {
            $("#side-menu").animate({ right: 0 }, "fast").css("display", "block");
            $("body").animate({ right: 165 }, "fast");
            $("#menu_bg").addClass("menu_bg_active");
        }
    });
    $("#menu_bg").click(function () {
        $("#side-menu").animate({ right: -165 }, "fast").css("display", "none");
        $("body").animate({ right: 0 }, "fast");
        $("#menu_bg").removeClass("menu_bg_active");
    });

    $(".nav li").hover(
        function () {
            $("span", this).stop().css("height", "2px");
            $("span", this).animate(
                {
                    left: "0",
                    width: "100%",
                    right: "0",
                },
                200
            );
        },
        function () {
            $("span", this).stop().animate(
                {
                    left: "50%",
                    width: "0",
                },
                200
            );
        }
    );
    $(".nav li").click(function () {
        $(this).addClass("current").siblings().removeClass("current");
    });

    $(".index .tab_cont > span > a").click(function () {
        $(this).parent().addClass("show").siblings().removeClass("show");
        $($(this).attr("data-href"))
            .css({
                display: "block",
            })
            .siblings()
            .css({
                display: "none",
            });
    });
    $(".index .content2-title >div").hover(function () {
        $(this).addClass("on").siblings().removeClass("on");
        $(".content2-item").eq($(this).index()).addClass("on").siblings().removeClass("on");
    });
    $(".index .content3-title >div").hover(function () {
        $(this).addClass("on").siblings().removeClass("on");
        $(".content3-item").eq($(this).index()).addClass("on").siblings().removeClass("on");
    });

    // 悬浮窗口
    $(".yb_conct").hover(
        function () {
            $(".yb_conct").css("right", "5px");
            $(".yb_bar .yb_ercode").css("height", "190px");
        },
        function () {
            $(".yb_conct").css("right", "-127px");
            $(".yb_bar .yb_ercode").css("height", "53px");
        }
    );
    // 返回顶部
    $(".yb_top").click(function () {
        $("html,body").animate(
            {
                scrollTop: "0px",
            },
            300
        );
    });
    var contactusDom = $(".contactus");
    for (var i = 0; i < contactusDom.length; i++) {
        var text = contactusDom[i].innerText;
        console.log(contactusDom[i]);
        if (text) {
            $(".contactus").html('<a href="' + contactUrl + '" ref="nofllow">' + text + "</a>");
        }
    }

    $(".contactus").click(function () {
        var href = "https://affim.baidu.com/unique_27158728/chat?siteId=20275201&userId=27158728&siteToken=5ac50d38d877b6d675c6d45c98ce2cda";
        var win = window.open();
        if (contactUrl) {
            href = contactUrl;
        }
        win.opener = null;
        win.location = href;
    });

    var swiper = new Swiper(".swiper-container", {
        pagination: ".swiper-pagination",
        paginationClickable: true,
        autoplay: 5000,
        speed: 1000,
    });

    // 产品中心-任务管理-任务流程
    $(".flow .left>div").hover(function () {
        $(this).addClass("active").siblings().removeClass("active");
        $(".flow .right img").eq($(this).index()).addClass("active").siblings().removeClass("active");
    });

    // 企微工具-腾讯邮箱-价格变更
    var tag = false,
        ox = 0,
        ox1 = 0,
        left = 0,
        left1 = 0,
        bgleft = 0,
        bgleft1 = 0;
    $("#2box").mousedown(function (e) {
        ox = e.pageX - left;
        tag = true;
    });
    $(document).mouseup(function () {
        tag = false;
    });
    $("#2box").mousemove(function (e) {
        //鼠标移动
        if (tag) {
            left = e.pageX - ox;
            if (left <= 0) {
                left = 0;
            } else if (left > 327) {
                left = 327;
            }
            $("#2box").css("left", left);
            $("#cover1").css("width", left);
            $("#acct").val(parseInt((left / 327) * 100));
        }
    });

    $("#2sate").mousedown(function (e) {
        ox1 = e.pageX - left1;
        tag = true;
    });
    $("#2sate").mousemove(function (e) {
        //鼠标移动
        if (tag) {
            left1 = e.pageX - ox1;
            if (left1 <= 0) {
                left1 = 0;
            } else if (left1 > 327) {
                left1 = 327;
            }
            $("#2sate").css("left", left1);
            $("#satecover1").css("width", left1);
            $("#year").val(parseInt((left1 / 327) * 100));
        }
    });

    // 企业微信首页-企业微信区别
    $(".wx-index .tab-panel .tab>div").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        $(this).parent().parent().find(".content .uk-grid").eq($(this).index()).addClass("active").siblings().removeClass("active");
    });

    //微信注册
    $(".wx-reg .tab-panel .tab>div").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        $(this).parent().parent().find(".content .uk-grid").eq($(this).index()).addClass("active").siblings().removeClass("active");
    });

    // 微信工具
    $(".wx-tools .tab-panel .tab>div").hover(function () {
        $(this).addClass("active").siblings().removeClass("active");
        $(this).parent().parent().find(".content .uk-grid").eq($(this).index()).addClass("active").siblings().removeClass("active");
    });
    $(".wx-tools .tab-panel .text-item").hover(function () {
        $(this).addClass("active").siblings().removeClass("active");
    });
    $(".wx-tools .left-panel>div").hover(function () {
        $(this).addClass("active").siblings().removeClass("active");
        $(this).parent().parent().find(".right-panel .case-content").eq($(this).index()).addClass("active").siblings().removeClass("active");
    });

    // scrm
    $(".scrm .func .content >div").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        $(this).parent().parent().find(".img>img").eq($(this).index()).addClass("active").siblings().removeClass("active");
    });

    //  sesstion
    $(".sesstion .tab-panel .tab>div").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        $(this).parent().parent().find(".content .uk-flex").eq($(this).index()).addClass("active").siblings().removeClass("active");
    });

    // 发展历程
    $(".process .steps .old").hover(function () {
        let index = $(this).index();
        $(this).addClass("active").siblings().removeClass("active");
        $(".process .process-con").hide().eq(index).show();
    });
    // 产权 - pc端
    $(".qualifications .right > div").hover(function () {
        if (window.innerWidth > 767) {
            let index = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".qualifications .left img").hide();
            $(`.qualifications .left .index-${index + 1}`).show();
        }
    });
    // 产权 - 移动端
    $(".qualifications .right > div").click(function () {
        if (window.innerWidth <= 767) {
            let index = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".qualifications .left img").hide();
            $(`.qualifications .left .index-${index + 1}`).show();
        }
    });

    var mySwiper = new Swiper(".swiper-container-xcx", {
        direction: "horizontal",
        effect: "fade",
        loop: true,
        slidesPerView: "auto",
        speed: 800,
        autoplay: {
            delay: 2500,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        lazy: {
            loadPrevNext: true,
        },
        // 如果需要分页器
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
    });
    // // 图标大小48px
    // var _arr = [
    //     { tabimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b3.png", actimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b3-cat.png", tabName: "旅游" },
    //     { tabimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b4.png", actimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b4-cat.png", tabName: "电商" },
    //     { tabimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b5.png", actimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b5-cat.png", tabName: "餐饮" },
    //     { tabimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b2.png", actimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b2-cat.png", tabName: "办公" },
    //     { tabimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b1.png", actimg: "{eyou:global name='web_templets_pc' /}/skin/css/xcx/img/b1-cat.png", tabName: "金融" },
    // ];
    // appendTab(_arr);
    // // 数组拼接
    // function appendTab(_arr) {
    //     for (var i = 0; i < _arr.length; i++) {
    //         var tel = " ";
    //         var index = $(".swiper-pagination").children(".swiper-pagination-bullet").eq(i);
    //         tel += '<span class="swimgbox"><img class="img" src=' + _arr[i].tabimg + '><img class="actimg" src=' + _arr[i].actimg + ">";
    //         tel += "</span>";
    //         tel += '<p class="cours disno">' + _arr[i].tabName + "</p>";
    //         index.html(tel);
    //     }
    // }
    $(".whatBox").hover(
        function () {
            $(this).children(".sw_imgBox").addClass("animated");
        },
        function () {
            $(this).children(".sw_imgBox").removeClass("animated");
        }
    );

    if ($("#fangan_msg").html()) {
        var w = $(window).width();
        if (w < 768) {
            $("#fangan_msg").removeClass("fangan_msg");
        }
        if (w >= 1200) {
            var h = $("#fangan_msg").offset().top;
            $(window).scroll(function () {
                var wh = $(this).scrollTop();
                if (wh > h) {
                    $("#fangan_msg")
                        .stop()
                        .animate({ top: wh - h + 10 });
                } else {
                    $("#fangan_msg").stop().animate({ top: 0 });
                }
            });
        }
    }
});

//创建和初始化地图函数：
function initMap() {
    if (document.getElementById("dituContent")) {
        createMap(); //创建地图
        setMapEvent(); //设置地图事件
        addMapControl(); //向地图添加控件
        addMarker(); //向地图中添加marker
    }
}

//创建地图函数：
function createMap() {
    var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
    var point = new BMap.Point(center); //定义一个中心点坐标
    map.centerAndZoom(point, 16); //设定地图的中心点和坐标并将地图显示在地图容器中
    window.map = map; //将map变量存储在全局
}

//地图事件设置函数：
function setMapEvent() {
    map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
    map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
    map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
    map.enableKeyboard(); //启用键盘上下左右键移动地图
}

//地图控件添加函数：
function addMapControl() {
    //向地图中添加缩放控件
    var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
    map.addControl(ctrl_nav);
    //向地图中添加缩略图控件
    var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 0 });
    map.addControl(ctrl_ove);
    //向地图中添加比例尺控件
    var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
    map.addControl(ctrl_sca);
}
var cfg_company_position = "104.067171,30.598338";
var cfg_company_point = cfg_company_position.replace(",", "|");
//标注点数组
var markerArr = [{ title: "{eyou:global name='web_name' /}", content: "{eyou:global name='web_attr_3' /}", point: cfg_company_point, isOpen: 1, icon: { w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5 } }];
//创建marker
function addMarker() {
    for (var i = 0; i < markerArr.length; i++) {
        var json = markerArr[i];
        var p0 = json.point.split("|")[0];
        var p1 = json.point.split("|")[1];
        var point = new BMap.Point(p0, p1);
        //var iconImg = createIcon(json.icon);
        //var marker = new BMap.Marker(point,{icon:iconImg});
        var marker = new BMap.Marker(point);
        var iw = createInfoWindow(i);
        var label = new BMap.Label(json.title, { offset: new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
        marker.setLabel(label);
        map.addOverlay(marker);
        label.setStyle({
            borderColor: "#808080",
            color: "#333",
            cursor: "pointer",
        });

        (function () {
            var index = i;
            var _iw = createInfoWindow(i);
            var _marker = marker;
            _marker.addEventListener("click", function () {
                this.openInfoWindow(_iw);
            });
            _iw.addEventListener("open", function () {
                _marker.getLabel().hide();
            });
            _iw.addEventListener("close", function () {
                _marker.getLabel().show();
            });
            label.addEventListener("click", function () {
                _marker.openInfoWindow(_iw);
            });
            if (!!json.isOpen) {
                label.hide();
                _marker.openInfoWindow(_iw);
            }
        })();
    }
}
//创建InfoWindow
function createInfoWindow(i) {
    var json = markerArr[i];
    var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
    return iw;
}
//创建一个Icon
function createIcon(json) {
    var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), {
        imageOffset: new BMap.Size(-json.l, -json.t),
        infoWindowOffset: new BMap.Size(json.lb + 5, 1),
        offset: new BMap.Size(json.x, json.h),
    });
    return icon;
}

initMap(); //创建和初始化地图

// <!-- 百度统计 -->
var _hmt = _hmt || [];
(function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?a11c5f82443da0f1629f03984b719671";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();
